<include file="Common/header" />
<title>房间状态信息</title>
</head>
<body>
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 房态管理
    <span class="c-gray en">&gt;</span> 房间状态信息
    <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>
<div  id="mytime" class="text-c" style="float: right;background-color: #6262c3;color: white;margin-top: 10px;margin-right: 10px;padding-top:3px;width: 180px;height: 23px;"></div>
<div class="pd-20">
    <div class="panel">
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-12"> &nbsp;所属分店：
                    <span class="select-box radius " style="width: 180px;">
			    	    <select class="select" size="1" name="branch" id="branch">
				        	<option value="0">重庆嘛嘛公寓</option>
				    	    <option value="2">重庆嘛嘛公寓</option>
				    	    <option value="1">重庆嘛嘛公寓</option>
				        </select>
		    	    </span>
                </div>
                <div class="col-xs-12"> &nbsp;所在地区：
                    <span class="select-box radius " style="width: 180px;">
				     <select class="select" size="1" name="region" id="region">
				    	    <option value="0">重庆—渝北区</option>
				    	    <option value="2">重庆—渝北区</option>
				    	    <option value="1">重庆—渝北区</option>
			    	    </select>
			        </span>
                </div>
                <div class="col-xs-12"> &nbsp;所属小区：
                    <span class="select-box radius " style="width: 180px;">
				        <select class="select" size="1" name="community" id="community">
					     <option value="0">重庆嘛嘛公寓一号</option>
					     <option value="2">重庆嘛嘛公寓一号</option>
					    <option value="1">重庆嘛嘛公寓一号</option>
				        </select>
			        </span>
                </div>
                <div class="col-xs-12">
                    <a href="javascript:;" class="btn btn-success radius querys" style="margin-left: 20px"><i class="Hui-iconfont">&#xe709;</i> 查询</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="pd-20">
    <table>
        <tr>
            <td>
                <div class="panel panel-default" style="float: left">
                    <div class="panel-body" style="background-color: #f9f9f9;float: left;">
                        <a href="{:U('Roomstatus/management')}">
                            <div class="text-c" style="float: left;border: 1px solid rgba(99,19,84,0.49);background-color: #780bac; color:white; width: 100px;height: 50px;padding-top: 20px;margin: 10px;">
                                <p><b>601</b></p>
                                预约 月租
                            </div>
                        </a>
                        <a href="{:U('Roomstatus/management')}">
                            <div class="text-c" style="float: left;border: 1px solid rgba(99,19,84,0.49);background-color: #5eb95e; color:white; width: 100px;height: 50px;padding-top: 20px;margin: 10px;">
                                <p><b>602</b></p>
                                空房 月租
                            </div>
                        </a>
                        <a href="{:U('Roomstatus/management')}">
                            <div class="text-c" style="float: left;border: 1px solid rgba(99,19,84,0.49);background-color: #2b4cb4; color:white; width: 100px;height: 50px;padding-top: 20px;margin: 10px;">
                                <p><b>603</b></p>
                                脏房 月租
                            </div>
                        </a>
                        <a href="{:U('Roomstatus/management')}">
                            <div class="text-c" style="float: left;border: 1px solid rgba(99,19,84,0.49);background-color: #cd180d; color:white; width: 100px;height: 50px;padding-top: 20px;margin: 10px;">
                                <p><b>604</b></p>
                                维修 月租
                            </div>
                        </a>
                        <a href="{:U('Roomstatus/management')}">
                            <div class="text-c" style="float: left;border: 1px solid rgba(99,19,84,0.49);background-color: #d8c707; color:white; width: 100px;height: 50px;padding-top: 20px;margin: 10px;">
                                <p><b>605</b></p>
                                入住 月租
                            </div>
                        </a>
                        <?php  for($i=0;$i<60;$i++){ ?>
                        <a href="{:U('Roomstatus/management')}">
                            <div class="text-c" style="float: left;border: 1px solid rgba(99,19,84,0.49);background-color: #5eb95e; color:white; width: 100px;height: 50px;padding-top: 20px;margin: 10px;">
                                <p><b><?php echo 606+$i ?></b></p>
                                空房 月租
                            </div>
                        </a>
                        <?php } ?>
                    </div>
                </div>
            </td>
            <td>
                <div>
                    <div class="panel panel-default" style="width: 250px;">
                        <div class="panel-header" style="background-color: #c40bff;color: white">序号：601</div>
                        <div class="panel-body">
                            <table class="table">
                                <tr><td class="text-r"width="80px">当前状态：</td><td class="text-l">空房</td></tr>
                                <tr><td class="text-r"width="80px">出租类型：</td><td class="text-l">转租</td></tr>
                                <tr><td class="text-r"width="80px">房间户型：</td><td class="text-l">D1</td></tr>
                                <tr><td class="text-r"width="80px">物业费：</td><td class="text-l">84.00</td></tr>
                                <tr><td class="text-r"width="80px">月租：</td><td class="text-l">1500.00</td></tr>
                                <tr><td class="text-r"width="80px">日租：</td><td class="text-l">150.00</td></tr>
                                <tr><td class="text-r"width="80px">押金：</td><td class="text-l">1500.00</td></tr>
                            </table>
                        </div>
                    </div>
                    <div class="panel panel-default" style="width: 250px;">
                        <div class="panel-header" style="background-color: #5eb95e;color: white">预约列表</div>
                        <div class="panel-body">
                            <table class="table table-border">
                                <tr>
                                    <th>No.</th>
                                    <th>姓名</th>
                                    <th>预约时间</th>
                                </tr>
                                <tr><td>1</td><td>尼古拉斯</td><td>2018-03-15</td></tr>
                                <tr><td>2</td><td>尼古拉斯</td><td>2018-03-15</td></tr>
                                <tr><td>3</td><td>尼古拉斯</td><td>2018-03-15</td></tr>
                                <tr><td>4</td><td>尼古拉斯</td><td>2018-03-15</td></tr>
                                <tr><td>5</td><td>尼古拉斯</td><td>2018-03-15</td></tr>
                            </table>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="text-c">
                <div style="margin:0 auto;width: 310px;">
                    <div class="text-c" style="float:left;border: 1px solid rgba(99,19,84,0.49);background-color: #5eb95e; color:white; width: 50px;height: 25px;padding-top: 3px;margin: 5px;">空闲</div>
                    <div class="text-c" style="float:left;border: 1px solid rgba(99,19,84,0.49);background-color: #d8c707; color:white; width: 50px;height: 25px;padding-top: 3px;margin: 5px;">出租</div>
                    <div class="text-c" style="float:left;border: 1px solid rgba(99,19,84,0.49);background-color: #780bac; color:white; width: 50px;height: 25px;padding-top: 3px;margin: 5px;">预约</div>
                    <div class="text-c" style="float:left;border: 1px solid rgba(99,19,84,0.49);background-color: #2b4cb4; color:white; width: 50px;height: 25px;padding-top: 3px;margin: 5px;">脏房</div>
                    <div class="text-c" style="float:left;border: 1px solid rgba(99,19,84,0.49);background-color: #cd180d; color:white; width: 50px;height: 25px;padding-top: 3px;margin: 5px;">维护</div>
                </div>
            </td>
            <td></td>
        </tr>
    </table>
</div>

</body>
<script type="text/javascript">
        function showTime() {
            nowtime = new Date();
            year = nowtime.getFullYear();
            month = nowtime.getMonth() + 1;
            date = nowtime.getDate();
            document.getElementById("mytime").innerText = year + "年" + month + "月" + date + " " + nowtime.toLocaleTimeString();
        }
        setInterval("showTime()",1000);
</script>
</html>